<#include "./partial/header.html">
<div class="main-content index-page clearfix">
    <div class="post-lists">
        <div class="post-lists-body">

        <#list page.list as item>

            <div class="post-list-item">
                <div class="post-list-item-container">
                    <div class="item-thumb bg-deepgrey" style="background-image:url(${item.coverPicture!''});"></div>
                    <a href="/article/detail/${item.id?c}/+">
                        <div class="item-desc">
                            <p>...</p>
                        </div>
                    </a>
                    <div class="item-slant reverse-slant bg-deepgrey"></div>
                    <div class="item-slant"></div>
                    <div class="item-label">
                        <div class="item-title"><a href="/article/detail/${item.id?c}/+">${item.title}</a>
                        </div>
                        <div class="item-meta clearfix">
                            <div class="item-meta-ico xx}"
                                 style="background: url(/templates/themes/default/static/img/bg-ico.png) no-repeat;background-size: 40px auto;"></div>
                            <div class="item-meta-cat">
                            ....
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </#list>

        </div>
    </div>

    <div style="text-align:center;">
        <ul class="pagination">

        <#if !page.isFirstPage >
            <li><a href="javascript:queryAll(${page.firstPage}, ${page.pageSize});"><<</a></li>
            <li><a href="javascript:queryAll(${page.prePage}, ${page.pageSize});"><</a></li>
        </#if>
        <#list page.navigatepageNums as navigatepageNum>
            <#if navigatepageNum==page.pageNum>
                <li class="active"><a href="javascript:queryAll(${navigatepageNum}, ${page.pageSize});">${navigatepageNum}</a></li>
            </#if>
            <#if navigatepageNum!=page.pageNum>
                <li><a href="javascript:queryAll(${navigatepageNum}, ${page.pageSize});">${navigatepageNum}</a></li>
            </#if>
        </#list>
        <#if !page.isLastPage>
            <li><a href="javascript:queryAll(${page.nextPage}, ${page.pageSize});">></a></li>
            <li><a href="javascript:queryAll(${page.lastPage}, ${page.pageSize});">>></a></li>
        </#if>

        </ul>
    </div>
</div>
<#include "partial/footer.ftl">